<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<style>
		#footer {
		 -webkit-box-shadow: inset 0 1px 0;
		 box-shadow: inset 0 1px 0;
		 background-color: #fafafa;
		 background-image: linear-gradient(to bottom,#fff,#f2f2f2);
		background-repeat: repeat-x;
		height:40px;
		line-height:40px;
		}
	</style>
  </head>
  <body>
    <div class="container">
		<div class="row" style="padding-top:5px"">
		  <div class="col-md-6">
			<a href="#"><img src="images/logodlv.png" style="width:186px"/></a>
		  </div>
		  <div class="col-md-6">
			<nav class="navbar navbar-default" role="navigation" style="height:35px;!important">
			 
				

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				  <ul class="nav navbar-nav">
					<li class="active"><a href="#">Tour du lịch</a></li>
					<li><a href="#">Khách sạn</a></li>
					<li><a href="#">Xe du lịch</a></li>
					<li><a href="#">Dịch vụ Visa</a></li>
						<li><a href="#">Vé máy bay</a></li>
				  </ul>
				</div><!-- /.navbar-collapse -->
			  
			  </nav>
			</nav>
		  </div>
		</div><!--end row 1-->
		<div class="row">
		  <div class="col-md-12">
			<h1>Giới thiệu hệ thống WM Tour</h1>
		  </div>
		</div<!--end row 2-->
		<div class="row">		
			  <div class="col-md-6">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>

				  <!-- Wrapper for slides -->
				  <div class="carousel-inner">
					<div class="item active">
					  <ul style="display:block;height:330px;padding-top:20px"><li>
					 Khác với các phần mềm đóng gói do công ty nước ngoài cung cấp, phần mềm WM Tour hướng tới sự ĐƠN GIẢN HÓA và khả năng THAY ĐỔI để phù hợp với quy trình cũng như trình độ quản lý của doanh nghiệp du lịch Việt Nam.
					 </li><li>
    Phần mềm giúp giải quyết trọn vẹn các mối quan tâm của doanh nghiệp từ khâu tiếp nhận request/booking cho đến các công việc điều hành tour và quản lý kinh doanh. Vtranet cũng hỗ trợ tối đa cho các nhà điều hành thông qua các báo cáo điện từ cập nhật liên tục các hoạt động kinh doanh của toàn bộ doanh nghiệp.
	</li></ul>
					  <div class="carousel-caption">
					 
					  </div>
					</div>
					 <div class="item">
					  <ul style="display:block;height:330px;padding-top:20px"><li>
					    Tập trung vào khách hàng với các dịch vụ được cải thiện - Thông tin 360 độ về khách hàng cho phép xem toàn bộ lịch sử giao dịch với khách hàng từ lúc bắt đầu request/booking cho tới các hoạt động marketing sau này.
					 </li><li>
      Tích hợp thông tin với quy trình một cách thông suốt - Thông tin tự động luân chuyển giữa các bộ phận một cách chính xác theo quy trình.
	</li>
	<li>
	  Tăng nhanh việc xoay vòng nguồn vốn - Cơ chế quản lý báo giá dịch vụ linh hoạt giúp doanh nghiệp bạn luôn kiểm soát được chi phí và giá bán một cách chính xác và kịp thời.
	</li>
	<li> Công cụ mạnh mẽ giúp ra quyết định kịp thời - Hệ thống báo cáo điện từ cập nhật từng phút hoạt động kinh doanh của từng chi nhánh giúp bạn hạn chế tối đa các rủi ro.</li>
	</ul>
					  <div class="carousel-caption">
						
					  </div>
					</div>
					<div class="item">
					  <ul style="display:block;height:330px;padding-top:20px"><li>
					     Tính năng chuyên nghiệp với sự tham khảo từ các phần mềm nổi tiếng của nước ngoài cộng với kinh nghiệm triển khai trực tiếp cho các doanh nghiệp Việt Nam.
					 </li><li>
      Chi phí hợp lý, vừa túi tiền với nhiều phương án triển khai.
	</li>
	<li>
					   Được phát triển bởi công ty Web Media.
					 </li><li>
      Hoạt động trên cả hai môi trương mạng LAN và INTERNET, mọi thiết bị
    Phần mềm linh hoạt - có thể mở rộng quy mô và thích nghi với sự thay đổi của doanh nghiệp.
	</li>
	<li>
	   Dịch vụ hỗ trợ và bảo hành chuyên nghiệp 24/7.
	</li>
	</ul>
					  <div class="carousel-caption">
						
					  </div>
					</div>
				  </div>

				  <!-- Controls -->
				  
				</div>
			  </div><!--end col 1-->
			  <div class="col-md-6">
				<div class="panel panel-default" style="box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;">
				  <div class="panel-body">
					<h3>Đăng nhập hệ thống</h3>
					<form class="form-horizontal" role="form">
					  <div class="form-group">
						<label for="inputEmail3" class="col-sm-4 control-label">Username</label>
						<div class="col-sm-6">
						  <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
						</div>
					  </div>
					  <div class="form-group">
						<label for="inputPassword3" class="col-sm-4 control-label">Password</label>
						<div class="col-sm-6">
						  <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
						</div>
					  </div>
					  <div class="form-group">
						<div class="col-sm-offset-4 col-sm-6">
						  <div class="checkbox">
							<label>
							  <input type="checkbox"> Remember me
							</label>
						  </div>
						</div>
					  </div>
					  <div class="form-group">
						<div class="col-sm-offset-4 col-sm-2">
						  <button type="submit" class="btn btn-primary">Sign in</button> 
						</div>
						<div class="col-sm-6">
						  <label>
							  <a>Forgot password?</a>
							</label>
						</div>
					  </div>
					  <div class="row">
						<div class="col-md-12">
							<h5 style="float:right">Powered by WM Tour beta 2.0.0</h5>
						  </div>
					  </div>
					</form>
				  </div>
				</div>
			  </div><!--end col 2-->
		</div><!--end row 3-->
		
	</div>
	<div id="footer" class="footer navbar-fixed-bottom" style="box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;">
		  <div class="row">
			
				<span style="padding-left:30px;"> &copy 2014 Web Media co, LTD. All rights reserved</span>
			
		  </div>
	</div>
	

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>